<template>
	<view class="pd15">
		<view class="cl-w">提现 (100{{$t('play.ye')}}=1美元)</view>
		<view class="ft32 cl-w mt15">200</view>
		<view class="item-content mt15">
			<view class="cl-w9">{{$t('play.meiyuan')}}</view>
			<view class="mt30">
				<u--input placeholder="请输入内容" border="bottom" type="number" color="#fff" fontSize="22"
					placeholderStyle="color: rgba(255, 255, 255, 0.6)">
					<u--text text="$" slot="prefix" margin="0 5px 0 0" color="#fff" size="24"></u--text>
					<template slot="suffix">
						<view class="cl-1">{{$t('play.all')}}</view>
					</template>
				</u--input>
			</view>
			<view class="mt15 flex alcenter space" @click="show=true">
				<view class="cl-w9">{{$t('withdraw.to')}}</view>
				<view class="flex alcenter">
					<view class="cl-w mr5">{{withdrawalName==''?"Select":withdrawalName}}</view>
					<u-icon name="arrow-right" color="#ffffff" size="14"></u-icon>
				</view>
			</view>
			<view class="btn" @click="$u.throttle(submit, 1000)">{{$t('text.confirm')}}</view>
		</view>
		<!-- 提现金额必须大于或者等于400可以提现，（提现扣取手续费是5%） -->
		<view class="cl-w9 ft12 mt20">{{$t('play.alls')}}</view>
		<u-picker :show="show" :columns="columns" keyName="label" @confirm="confirm" @cancel="cancel"></u-picker>
	</view>

</template>

<script>
	export default {

		data() {
			return {
				show: false,
				columns: [
					[{
						label: this.$t('play.yihangka'),
						id: 1
					}]
				],
				withdrawalName: ''
			}
		},
		onLoad(e) {
			//console.log(111)

		},

		methods: {
			confirm(e) {
				this.withdrawalName = e.value[0].label
				this.cancel()
			},
			cancel() {
				this.show = false
			}
		}
	}
</script>

<style lang="scss">
	.item-content {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 10rpx;
		padding: 30rpx;
	}

	.cl-1 {
		color:rgba(11, 144, 249, 1);
	}

	.btn {
		background: rgba(11, 144, 249, 1);
		text-align: center;
		border-radius: 50rpx;
		padding: 23rpx 0;
		color: #fff;
		font-size: 32rpx;
		margin-top: 100rpx;
		font-weight: bold;
	}
</style>